<style lang="stylus" scoped>
bgBlue = linear-gradient(to right, #04befe, #4481eb);
  nav
    width 100%
    height 50px
    background bgBlue
    img
      display inline-block
      float left
      width 25px
      height 25px
      margin 12px 10px
    p
      display inline-block
      width 80%
      float left
      font-size 18px
      color #ffffff
      text-align center
      line-height 50px
  .detail
    width 100%
    .ivu-radio-group
        position relative
        width 100%
        border-top 20px solid #f5f5f5
        .ivu-radio-wrapper
            display inline-block
            width 100%
            font-size 1.6rem
            line-height 3
            border-bottom 7px solid #f5f5f5
            padding 0 10px
            .ivu-radio
            span
                display inline-block
            img
                display inline-block
                float left
                width 2.2rem
                height 2.2rem
                margin 1rem 1rem 0 1.5rem
                top 0
        .wecaht
            top 4.5rem
    ul
        li
            font-size 1.6rem
            line-height 3
            border-bottom 7px solid #f5f5f5
            padding 0 10px
            .fl
                float left
            .fr
                float right
            input
                border none
                outline none
                padding 0 1rem


</style>

<template>
  <div class="myBalance">
    <nav>
      <router-link :to="{name:'mybalance'}">
      <img src="./imgs/icon-left.png" alt="">
      <p>余额充值</p>
      </router-link>
    </nav>
    <div class="detail">
      <ul>
          <li><span class="fl">金额</span><span class="fr">0.00 元</span></li>
          <li><span class="fl">充值金额</span><span class="fr"><input type="text" placeholder="请输入充值金额"> 元</span></li>
      </ul>
      <RadioGroup>
        <Radio label="微信">
          <span><img src="./imgs/wechat.png" alt="">微信</span>
        </Radio>
      </RadioGroup>
        <!-- <img src="./imgs/zhifubao.png" alt="">
        <img class="wecaht" src="./imgs/wechat.png" alt=""> -->
    </div>

    <!-- <p>当前位置: >{{$route.params.userName}}我的余额</p> -->
  </div>
</template>

<script>
export default {
  name: 'myBalance',
  data () {
    return {
         rtype: '支付宝',
    }
  },
  methods: {

  }
}
</script>

